<template>
  <view class="page-container">
    <u-navbar
      titleColor="#fff"
      title="发布成功"
      backIconColor="#fff"
      :background="{ backgroundColor: isScroll ? '##000000' : '#000000' }"
      :border-bottom="false"
      :custom-style="{ transition: 'background-color 0.3s ease-in-out' }"
    >
    </u-navbar>

    <view class="flex flex-col gap-6 p-10">
      <view class="w-full h-[429px] bg-gray-50 rounded-md"></view>
      <view class="flex justify-between">
        <view class="flex flex-col gap-2 justify-center items-center" v-for="(i, k) in 5" :key="k">
          <view class="w-[40px] h-[40px] bg-gray-50 rounded-full overflow-hidden"></view>
          <view class="text-[12px] text-[#A3A3A5]">复制链接</view>
        </view>
      </view>
      <view class="flex justify-center items-center" @click="savePicture">
        <view class="w-[171px] h-[44px] bg-[#00A4A6] rounded-[22px] flex justify-center items-center">
          <view class="font-medium text-[16px] text-[#FFFFFF]"> 保存图片</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        isScroll: false,
        dataList: [],
        automatic: false
      }
    },
    onLoad(options) {},
    methods: {
      scroll(e) {
        this.isScroll = e.detail.scrollTop > 0
      },

      async queryList(page, limit) {
        this.$refs.paging.complete([1, 1, 1])
      },
      savePicture() {
        vk.toast('保存成功', 'none')
        vk.toast('保存成功', 'none')
      }
    }
  }
</script>

<style lang="scss" scoped>
  page {
    background-color: #000 !important;
  }

  /* #ifdef APP-PLUS */
  .uni-page-body {
    background-color: #000 !important;
  }
  /* #endif */
  .page-container {
    min-height: 100vh;
    background-color: #000;
  }
</style>
